﻿@model websitev2.Models.RegisterModel
@{
    ViewBag.Title = "Register";
    ReCaptcha.PublicKey = "6LesSssSAAAAAJydxyupZslKxwyka9uLGWFDIHhi"; 
}
<div id="main" class="group">
    <div id="content" class="group">
        <h2>
            Create a New Account</h2>
        <p>
            Thanks for thinking of giving startstop.me a try, just provide the details below
            and we'll get going straight away. It’s absolutely free, and you can leave the site
            at any time you like.
        </p>
        <p>
            <strong>Passwords are required to be a minimum of @Membership.MinRequiredPasswordLength
                characters in length.</strong>
        </p>
        <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
        <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
        @using (Html.BeginForm())
        {
            @Html.ValidationSummary(true, "Account creation was unsuccessful. Please correct the errors and try again.")
            <div>
                <fieldset>
                    <p>
                        @Html.LabelFor(m => m.UserName)
                        @Html.TextBoxFor(m => m.UserName)
                        @Html.ValidationMessageFor(m => m.UserName)
                    </p>
                    <p>
                        @Html.LabelFor(m => m.Email)
                        @Html.TextBoxFor(m => m.Email)
                        @Html.ValidationMessageFor(m => m.Email)
                    </p>
                    <p>
                        @Html.LabelFor(m => m.Password)
                        @Html.PasswordFor(m => m.Password)
                        @Html.ValidationMessageFor(m => m.Password)
                    </p>
                    <p>
                        @Html.LabelFor(m => m.ConfirmPassword)
                        @Html.PasswordFor(m => m.ConfirmPassword)
                        @Html.ValidationMessageFor(m => m.ConfirmPassword)
                    </p>
                    <p>
                        @Html.LabelFor(m => m.Newsletter)
                        @Html.CheckBoxFor(m => m.Newsletter)
                    </p>
                    <p>
                        @Html.LabelFor(m => m.PSNID)
                        @Html.TextBoxFor(m => m.PSNID)
                    </p>
                    <p>
                        Capture
                        @ReCaptcha.GetHtml(theme: "red")
                    </p>
                    <p>
                        <input type="submit" value="Register" class="action medium" />
                    </p>
                </fieldset>
            </div>
        }
    </div>
    <div id="sidebar">
        <div class="sideblock">
            <h4>
                Guide</h4>
            <h5>
                Username</h5>
            <p>
                Your username is how you logon and also your profile name, once created it cannot
                be changed.
            </p>
            <h5>
                Email Address</h5>
            <p>
                Your email address can also be used to login once you’ve registered, since it’s
                usually unforgettable for you. Your email address is used to activate and validate
                your account so please make sure this is correct.
            </p>
            <h5>
                Password</h5>
            <p>
                Please choose a password which is 6 or more characters long. It should be something
                you can remember.
            </p>
            <h5>
                PSNID
            </h5>
            <p>
                If you have a PS3 then you should enter your PSNID to associate your trophies with your profile. 
            </p>

            <h5>
                Updates</h5>
            <p>
                We’re not going to send you an email every 5 minutes, infact it’s usually once a
                month. We’d advise you to subscribe to updates as it’s important information about
                startstop which is sent. You can change this setting at any time.
            </p>
        </div>
        <!-- /sideblock -->
    </div>
</div>
